<template>
  <div class="box4">
    <h1>静态绑定props</h1>
    <h2>子组件</h2>
    <h2>字符串：{{ str }}</h2>
    <h2>数字：{{ num }}</h2>
    <h2>布尔值：{{ bool }}</h2>
    <h2>数组：{{ arr }}</h2>
    <h2>对象：{{ obj }}</h2>
    <h2>函数：{{ func }}</h2>
  </div>
</template>

<script setup>
const props = defineProps({
  str: String,
  num: Number,
  bool: Boolean,
  arr: Array,
  obj: Object,
  func: Function
});
</script>
<style>
.box4 {
  border: 1px solid yellow;
  background-color: aquamarine;
  width: 200px;
  /* height: 200px; */
}
</style>
